@font-face {font-family:penFonts;src: url(../fonts/penFonts.TTF);}
.font_normal{font-family: "微软雅黑";}
a{color: #4c968e;}
img{width: 100%;height: 100%;}
ul{padding: 0;margin: 0;}
li{list-style: none;}
i{font-style: normal;}
.clearfix{overflow: hidden;}
body{font-size: 14px;}
.mui-segmented-control.mui-segmented-control-inverted{padding: 6px 15px;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #fff;background: #4c968e;border-radius: 20px;overflow: hidden;margin: 5px 0;}
.mui-segmented-control .mui-control-item{line-height: 26px;}
.mui-slider-indicator{width: 30%;right: 0px;}
.mui-slider-indicator .mui-indicator{margin:1px 3px;background: #ddd;}
.mui-slider-indicator .mui-active.mui-indicator{background: #4c968e;}
.mui-table-view{background-color: transparent;}
.mui-ios .mui-table-view-cell{background-color: #fff;}
.mui-btn-blue{background: #4c968e;border: 1px solid #4c968e;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top: calc(50% - 14px);}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #4c968e;}
.mui-table-view .mui-media-object{max-width: 105px;height: auto;max-height: 74px;position: relative;overflow: hidden;border-radius: 6px;}
.mui-table-view .mui-media-object img{display: block;}
.original_tag{background: #007AFF;color: #fff;position: absolute;right: 0;bottom: 0;font-size: 12px;line-height: 20px;padding: 0 6px;}
.mui-table-view-cell>a:not(.mui-btn){white-space: normal;}
.mui-table-view-cell:after{left: 0;}
.mui-input-row label{width: auto;}
.mui-input-row label~textarea{width: 100%;padding: 11px 15px;}
.mui-input-row label~input{width: 64%;float: left;font-size: 14px;}
.mui-segmented-control .mui-control-item{border-left: none;}
.mui-segmented-control .mui-control-item{background: transparent;}
.mui-checkbox label, .mui-radio label{padding-right: 25px;}
.mui-table-view:after{height: 0;}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{border: none;}
.mui-table-view:before{background-color: #efefef;}
.mui-table-view-cell:after{background-color: #efefef;}
.mui-popover .mui-table-view{background: transparent;}
.mui-popover .mui-table-view .mui-table-view-cell:first-child, .mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){background: rgba(255,255,255,0.5);border-top-left-radius: 8px;border-top-right-radius: 8px;color: #000;}
.mui-popover .mui-table-view .mui-table-view-cell:last-child, .mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn){background: rgba(255,255,255,0.5);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: #4c968e;}
p{margin-bottom: 0;}
#slider_audio{width: 100%;height: auto;}
.top156px{top: 156px;}
.left15px{left: 15px;}
.font13{font-size: 13px;padding: 2px 0;}
.font14{font-size: 14px !important;}
.font18{font-size: 18px;}
.font26{font-size: 26px;}
.font40{font-size: 40px;}
.font60{font-size: 60px;}
.font12{font-size: 12px;}
.font16{font-size: 16px;}


.sp_fonts{font-family: penFonts;}
.bg_white{background: #fff;}
.padding0{padding: 0;}
.padding5px{padding: 5px;}
.padding_l{padding-left: 6px;}
.paddingl_r_15px_tb11px{padding: 11px 15px;}
.paddingl_r_15px_tb15px{padding: 11px 15px;}
.padding_lr_10px{padding-left:10px ;padding-right:10px;}
.padding_tb_5px{padding-top: 5px;padding-bottom: 5px;}
.paddingl_r_30px_tb11px{padding: 11px 15px 11px 15px ;}
.padding_tb20{padding: 20% 0 !important;}
.padding_t_10px{padding-top: 10px;}
.padding_t10px{padding-top: 10px;}
.padding_tb11px{padding:11px 0}
.padding_tb_8px{padding-bottom: 8px;padding-top: 8px;}
.padding_tb_0px{padding-bottom: 0px;padding-top: 0px;}
.paddingl_r_6px_tb8px{padding: 8px 6px;}
.padding_r28px{padding-right: 28px;}
.padding_r15px{padding-right: 15px;}
.padding_lr15px{padding-left: 15px;padding-right: 15px;}
.padding_lr15px_tb6px{padding: 6px 15px;}

.margin_tb_8px{margin-top: 8px;margin-bottom: 8px;}
.margin0{margin: 0;}
.margin-bottom5px{margin-bottom: 5px;}
.margin-bottom10px{margin-bottom: 10px;}
.margin-bottom20px{margin-bottom: 20px;}
.margin-top20px{margin-top: 20px;}
.margin-top10px{margin-top: 10px;}
.margin-right24{margin-right: 24%;}
.margin-top3px{margin-top: 3px;}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{margin-bottom: 0;}

.border-radius5px{border-radius: 5px;overflow: hidden;}
.border-radius30px{border-radius: 30px;border: 1px solid #4c968e;}
.border-radius0{border-radius: 0;}
.border-bottom{position: relative;}
.border-top1px{border-top: 1px solid #efefef;}
.border-bottom:after{display: block;height: 1px;position: absolute;left: 0;bottom: 0;right: 0;content: '';background:#efefef;transform: scaleY(.5);}
.border_bottom{margin-bottom: 1px;}
.white-space{white-space: normal;}
.icon-color{color: #cfcfcf;}
.colorP{color: #4c968e;}
.color0{color: #000;}
.color_white{color: #fff;}
.color999{color: #999;}
.colorRed{color: #a7536c;}
.color333{color: #333;}
.colorgreen{color: #00c847;}
.colorblue{color: #2078ec;}
.color_red{color: #f61c29;}
.line-height30px{line-height: 30px;}
.line-height44px{line-height: 44px;}
.text-aligin{text-align: center;width: 100%;}
.wing:before{width: 30%;display: inline-block;height: 1px;background: #d3d3d3;content: '';position: relative;top: -4px;right: 10px;}
.wing:after{width: 30%;display: inline-block;height: 1px;background: #d3d3d3;content: '';position: relative;top: -4px;left: 10px;}
.subfield{padding:8px 0;width: 100%;}
.subfield div{width: calc(90%/3);padding: 0 calc(10% / 6);}
.subfield div .zt_item img{width: 100%;height: 100%;display: block;}
.subfield div .zt_item{width: 100%;position: relative;overflow: hidden;border-radius: 5px;padding: 0;}
.subfield div .zt_item p{ width: 100%;height: 100%;text-align: center;position: absolute;background: rgba(0,0,0,0.4);top: 0;left: 0;}
.subfield div .zt_item p a{width: 52px;display: inline-block;color: #fff;display: inline-block;position: absolute;left: calc(50% - 26px);top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 13px;}
.circle_text{width: 100%;overflow: hidden;padding: 11px 0;background: #fff;}
.circle_text div{width: calc(100%/5);float: left;margin: 0;text-align: center;}
.circle_text span{text-align: center;display: inline-block;background: #4c968e;border-radius: 50%;width: 46px;height: 46px;font-size: 26px;line-height: 46px;color: #fff;}
.user_pic{width: 30px;height: 30px;border-radius: 50%;overflow: hidden;float:left;vertical-align: middle;display: inline-block;}
.user_view{width: 60%;}
.user_view li:nth-child(1){margin-bottom: 5px;line-height: 30px;}
.user_view li{overflow: hidden;padding: 3px 0;}
.user_view li:nth-child(2) span{font-size: 12px;line-height: 20px;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.user_view li:nth-child(3) span{font-size: 12px;line-height: 20px;}
.user_view li i{float: left;margin-right: 5px;}
.user_view li .iconfont{margin-top: 2px;}
.user_view li span{float: left;/*width: 60%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/}
.circle_pic{width: 60px;height: 60px;border-radius: 100% !important; vertical-align: middle;overflow: hidden;background: #bbb;line-height: 60px;}
.btn_half{width: 50%;border-radius: 20px;margin-left:calc(50% - 25%) ;}
.thirdparty_login{width: 100%;padding-top: 30%;}
.thirdparty_btn{width: 100%; padding:0 8%;}
.thirdparty_btn li{width: calc(80%/3);margin:25px calc(20%/6) 0;}

#show_pic7{width: 45%;height: 100px;text-align: center;line-height: 100px;border: 1px solid #c8c7cc;margin: 0 auto;position: relative;}
#show_pic7 i{color: #c8c7cc;font-size: 30px;}
#show_pic7 img{position: absolute;left: 0;top: 0;}
.sp_label{color: #c8c7cc;margin: 10px 0 0;display: block;width: 100%;text-align: center;}
.sp_checkBox{position: absolute; top: 0px !important;right: 0 !important;}
/*.add_btn{margin-top: 50%;-webkit-transform: translateY(-50%);}*/

#show_pic7 input{position: absolute;top: 0;left: 0;display: block;opacity: 0;width: 100%;height: 100%;}
.goods_pic{border-radius:6px;}
/*添加标签页*/
.newTag_list span{margin: 2px;}

/*关注*/
.attention_btn{border: 1px solid #4c968e;padding:2px 5px;}

/*签约标签*/
.sign_tag{background: #007AFF; color: #fff;border-radius: 3px;font-size: 12px;line-height: 14px;padding: 0 3px;margin: 6px 2px 0 !important;display: inline-block;}

.sp_title{position: relative;}
.sp_title:before{width: 1.5px;height: 16px;display:block;background: #4c968e;content: "";position: absolute;top: 0;left: 0;right: 5px;margin-right: 3px;}
.dialogue_box{position: relative; top: 12px; background: #f6f6f6; padding: 10px; color: #333; margin-bottom: 10px;border-radius: 5px;}
.dialogue_box:before{position: absolute; left: 30px; top: -10px; width: 0; height: 0; font-size: 0; border-width: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #f6f6f6;content: "";}
.input_box{display: block;position: absolute;bottom: 0;left:-100%;z-index: 9;width: 100%;margin-bottom: 0;background: #fff}
.input_box input{width: 80%;padding: 3px 10px;border: 1px solid #999;border-radius: 0;}
.input_box button{width: 20%;padding: 9.5px 10px;border-radius: 0;border: 1px solid #4c968e;}
.middle{position: relative;left: 50%;margin-left: -40%;padding: 10px;}
.my_title{width: 100%;max-width: 80px;height: 80px;background: #bbb;border-radius: 50%;overflow: hidden;border: 1px solid #fff;position: relative;left: calc(50% - 40px);}
.phone_btn{position: absolute;top: 0px;right: 20px;font-size: 1.3em;}
.contact_us{width: 100%;position: relative;}
.text-indent2em{text-indent: 2em;}
.logo{width: 100%;max-width: 120px;height: 120px;line-height: 120px;background: #4c968e;overflow: hidden;border-radius: 8px;margin: 40px 0;position: relative;left: calc(50% - 60px);border: 1px solid #4c968e;}
.logo img{width: 120px;height: 120px;}
.alert_window{display: block;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.3);display: none;z-index: 100;}
/*分享APP*/
.share_list{width: 100%;overflow: hidden;position: absolute;bottom: 0;left: 0;background: #fff;padding: 30px 0 0;}
.share_list li{width: calc(100%/5);text-align: center;float: left;margin-bottom: 30px;}
.share_list li .iconfont{font-size: 50px;color: #5da49d;}
/*编辑群成员警告*/
.danger_box{width: 60%;height: 160px;background: #fff;position: absolute;left: calc(50% - 30%);top: calc(50% - 80px);overflow: hidden;border-radius: 10px;}
.danger_box i{font-size: 60px;color: #ccc;}
.danger_box button{position: absolute;bottom: 0;left: 0;border-radius: 0;}
/*订单已完成*/
.have_fishined{background: transparent;border: transparent;color: #000;}
/*价格筛选*/
.filtrate li{width: calc(60%/4);margin: 0 calc(40%/8); float: left;position: relative;}
.filtrate li sapn{display: inline-block;}
.filtrate li div{display: inline-block;width: 16px;color: #999;position: absolute;top: 0;left: 75%;}
.filtrate li div i{position: absolute;top: -5px;left: 0;}
.filtrate li div i:nth-child(2){top: 10px;left: 0;}			
/*上传图片样式*/
.upfile_box{position: relative;width: 60px;height: 60px;float: left;margin:0 calc((100% - 240px)/3) calc((100% - 240px)/6) 0;}
.upfile_box input { width: 60px; height: 60px;position: absolute;z-index: 9;opacity: 0;}
.upfile_box div {position: absolute;width: 60px;height: 60px;}
.upfile_box div i{font-size: 60px; color: #999;}
.upfile_box div img{position: absolute;left: 0;top: 0;}
.upfile_box:nth-child(5){margin-right: 0;}
.width100{width: 100%;}
.width60{width: 60%;}
.width46{width: 46% !important;}
.width30{width: 30%;}
.width70{width: 70%;}
.width80{width: 80%;}
.width20{width: 20%;}
.width50{width: 50%;}
.borderNone{border: none;}

.mui-content{max-width: 640px;margin: 0 auto;}
.mui-pull-bottom-tips{line-height: 0;}
